웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

[jQuery] 사용자 속성 선택자로 접근하는 방법, 사용자 속성 선택자

Last Modified : 2015-11-15 / Created : 2015-01-23
17,442
View Count
제이쿼리(jquery)를 사용해 사용자 속성에 접근해 값을 불러오려면 어떻게 해야할까요? 예를 들어 아래와 같은 속성이 있다고 할 경우...

<body>
<img data-picnum="1" class="pic" src="/test1.jpg" />
<img data-picnum="2" class="pic" src="/test2.jpg" />
<img data-picnum="3" class="pic" src="/test3.jpg" />
</body>


위와 같이 사용자 속성인 data-picnum이 존재합니다. 그렇다면 이 값이 1인 요소를 선택하려면 어떻게 해야 할까요?


<script type="text/javascript">
$("img[data-picnum='1']").css('display','none');
</script>


위와같이 중괄호를 이용하여 쉽게 사용자 속성에 접근이 가능합니다. 이 방법은 CSS의 사용자 속성 접근 방법과 동일합니다.

selector 선택자 사용자 속성
아래의 글도 찾고 계시지 않나요?

Previous

자바스크립트로 반복문 만들기

Previous

[자바스크립트, jQuery] 스크롤 안 움직이게 막기, 스크롤 고정